<template>
  <div>
    <slot :info="{fname:firstName,lname:lastName}">
      姓名:{{ firstName+" "+lastName }}
    </slot>
  </div>
</template>

<script>
export default {
  name: 'ShowName',
  props: {
    firstName: {
      type: String,
      default: ''
    },
    lastName: {
      type: String,
      default: ''
    }
  },
  data () {
    return {
      list: [{
        id: 1,
        name: '王晓',
        age: 20,
        gender: 1
      },
      {
        id: 2,
        name: '王黄金',
        age: 23,
        gender: 1
      },
      {
        id: 3,
        name: '文昌',
        age: 25,
        gender: 2
      }]
    }
  }
}
</script>

<style>
</style>
